body{
	margin:0;
	padding:0;
	color:#000;
	background:#1d1d1d;
}
.clear{	clear:both; }
.wrap{
	width:1200px; 
	padding:40px;
	background:#fff;
	margin:0 auto;
}
.wrap,
header,
footer,
.col1,
.col2{
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
}
header,
footer{
	height:150px;
}
header{
	margin:0 0 40px 0;
}
footer{
	margin:40px 0 0 0;
}
header,
footer,
.col1,
.col2{
	background:#b1eaff;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	-o-border-radius:.5em;
	-khtml-border-radius:.5em;
	border-radius:.5em;
	padding:10px;
}
.col1{
	width:820px;
}
.col2{
	width:300px;
	margin:0 0 0 40px;
}
.col1,
.col2{
	float:left;
	height:500px;
}
@media all and (max-width:1280px) and (min-width:1024px){
	.wrap{
		width:984px;
		padding:20px;
	}
	header{
		margin:0 0 20px 0;
	}
	footer{
		margin:20px 0 0 0;
	}
	.col1{
		width:624px;
	}
	.col2{
		width:300px;
		margin:0 0 0 20px;
	}
}
@media all and (max-width:1024px) and (min-width:800px){
	.wrap{
		width:760px;
		padding:20px;
	}
	header{
		margin:0 0 20px 0;
	}
	footer{
		margin:20px 0 0 0;
	}
	.col1{
		width:400px;
	}
	.col2{
		width:300px;
		margin:0 0 0 20px;
	}
}
@media all and (max-width:800px) and (min-width:640px){
	.wrap{
		width:600px;
		padding:20px;
	}
	header{
		margin:0 0 20px 0;
	}
	footer{
		margin:20px 0 0 0;
	}
	.col1,
	.col2{
		width:580px;
		float:inherit;
		margin:0 0 20px 0;
	}
}
@media all and (max-width:640px) and (min-width:480px){
	.wrap{
		width:440px;
		padding:20px;
	}
	header{
		margin:0 0 20px 0;
	}
	footer{
		margin:0;
	}
	.col1,
	.col2{
		width:420px;
		float:inherit;
		margin:0 0 20px 0;
	}
}
@media all and (max-width:480px) and (min-width:320px){
	.wrap{
		width:300px;
		padding:10px;
	}
	header{
		margin:0 0 10px 0;
	}
	footer{
		margin:0;
	}
	.col1,
	.col2{
		width:280px;
		float:inherit;
		margin:0 0 10px 0;
	}
}
@media all and (max-width:320px) and (min-width:220px){
	.wrap{
		width:200px;
		padding:10px;
	}
	header{
		margin:0 0 10px 0;
	}
	footer{
		margin:0;
	}
	.col1,
	.col2{
		width:180px;
		float:inherit;
		margin:0 0 10px 0;
	}
}